<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
            .box{
                        position: relative;
               width: 100%;
               height: 0;
               padding-top: 70%;
               transform-origin: top;
               background-image:url("images/logo-msg.png");
               background-repeat: no-repeat;
               background-size: cover;
                          }
                               .filter{
                      position: absolute;
                       top: 0;
                       left: 0;
                       width: 100%;
                       height: 100%;
                       background: rgba(7, 17, 27, 0.4);
                               }
            </style>
</head>
<body>
        <div class="box">
                <div class="filter"><!--蒙层--></div>
                </div>
</body>
</html>